<template>
	<view class="examine">
		<view class="examine_nav">
			<view class="navs">
				<view class="tabsNav">
					<u-dropdown><u-dropdown-item v-model="value1" title="全部" :options="options1"></u-dropdown-item></u-dropdown>
				</view>
				<view class="tabsNav">排序</view>
			</view>
		</view>
		<view class="examine_list" v-for="(item, index) in list" :key="index">
			<card-item showRightButton   @click="toWorkDetail" :cardItem="item" :centers="centers"></card-item>
		</view>
		
	</view>
</template>

<script>
import cardItem from '@/components/card-item.vue'
export default {
	components: {
		cardItem
	},
	data() {
		return {
			centers:[
				{
					centerName:'地点',
					centerContent:'address'
				},
				{
					centerName:'设备',
					centerContent:'device'
				},
				{
					centerName:'故障',
					centerContent:'badReason'
				}
			],
			value1: 1,
			value2: 2,
			options1: [
				{
					label: '全部',
					value: 1
				},
				{
					label: '待审核',
					value: 2
				},
				{
					label: '已审核',
					value: 3
				}
			],
			list: [
				{
					id: '007',
					address: '深圳福田区梅林街道',
					device: '设备123456',
					badReason: '接触不良',
					repairName: '李工',
					repairTime: '1625032190',
					status: 1
				},
				{
					id: '008',
					address: '深圳福田区梅林街道',
					device: '设备123456',
					badReason: '接触不良',
					repairName: '李工',
					repairTime: '1625032190',
					status: 2
				}
			]
		};
	},
	methods: {
		toWorkDetail() {
			// this.$u.route('/pages/mine/workSheetDetail/index')
		}
	}
};
</script>

<style lang="scss" scoped>
.examine {
	padding-top: 20rpx;
	min-height: 100vh;
	padding-bottom: env(safe-area-inset-bottom);
	background-color: #f2f2f2;

	.examine_nav {
		width: 100%;
		position: relative;
		background: #ffffff;
		.navs {
			width: 100%;
			display: flex;
			justify-content: space-around;
			align-items: center;
			height: 80rpx;
			background-color: #ffffff;
		}
	}

	.tabsNav {
		flex: 1;
		background-color: #ffffff;
		text-align: center;
		height: 80rpx;
		line-height: 80rpx;
		box-sizing: border-box;
		margin: 0 60rpx;
		position: relative;
	}
}
.centerItem {
	height: 60rpx;
	text {
		line-height: 60rpx;
		font-size: 26rpx;
	}
	text:first-child {
		color: #7f7f7f;
	}
}
::v-deep .tabsNav .u-dropdown__content {
	width: 750rpx;
	left: -60rpx;
}
</style>
